{include file="public/header"/}
{load href="/public/static/Content/ThemesBusiness/FormPage.css"}
<link href="/public/static/mobile/css/viewer.css" rel="stylesheet">
<style>
    #imgBox{
        width: 100%;
        height: auto;
    }
    .imgBoxs{
        width: 100px;
        height: 100px;
        margin: 6px;
        float: left;
        border: 1px solid #ccc;
        border-radius: 6px;
    }
</style>
<script src="/public/static/mobile/js/viewer.js"></script>
<script type="text/javascript">
    window.onload = function() {
        var viewer = new Viewer(document.getElementById('imgBox'), {
            url: 'data-imgurl'
        });
   }
</script>

<div id="tabState" fit="true">
{empty name="imgs"}
<center>
<p>暂无图片</p>
</center>
{/empty}
<div id="imgBox">
{volist name="imgs" id="vo"}
<div class="imgBoxs"  style="background: url(/uploads/img/{$vo.imgurl}) no-repeat center;background-size:cover">
    <img src="/uploads/img/{$vo.imgurl}" data-imgurl="/uploads/img/{$vo.imgurl}" width="100%" style="width: 100%;height:100%;opacity: 0;"/>
    <!-- <img :src="'/uploads/img/'+src" :data-imgurl="'/uploads/img/'+src" style="width: 100%;height:100%;opacity: 0;"/> -->
</div>

<!-- <br> -->
<!-- <hr> -->
{/volist}
</div>
<div style="clear: both;"></div>
</div>
